<template>
  <ul class="list">
    <li v-for="item in reyinglist" :key="item.id">
      <!-- 添加跳转到 内容页的链接 -->
      <router-link :to="'/item/' + item.id">
        <div>
          <img :src="item.img" />
        </div>
        <div>
          <span>{{ item.nm }}</span>
          <div><span>{{item.rt}}</span></div>
        <div><span>{{item.star}}</span></div>
            <div><span>{{item.showInfo}}</span></div>
        </div>
        
        <div class="goumai">购票</div>
      </router-link>
    </li>
  </ul>
</template>

<script>
export default {
  name: "reying",
  props: ["reyinglist"], 
};
</script>

<style scoped>
*{
    margin:0;
    padding:0;
}
ul li{
    list-style:none;
}
.list li {
  width: 100%;
  height: 114px;
 
  margin-bottom: 10px;
}
.list li a {
  display: flex;
  justify-content: space-around;
 color: #333;
}
.goumai{
    
         width: 47px;
         background-color: red;
         height:27px;
         float: right;
        line-height: 27px;
         text-align: center;
         margin-top: 30px;
         margin-right: 30px;
         color:#fff;        
     
}
</style>